@import '../../assets/common.less';
.foo_menu {
    position: relative;
    z-index: 1000 !important;
}

.menu_active .top_nav_bar {
    z-index: 80;
}

.top_nav_bar {
    position: relative;
    background-color: #008AE6;
    color: #FFF;
}

.am_navbar_title {
    color: #FFF !important;
    font-size: @baseFontSize;
}

.menu_mask {
    content: ' ';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    z-index: 79;
}

.am_icon {
    width: 50%;
}

.banner:extend(.baseWidth) {
    width: 100%;
}

.card {
    div {
        font-size: @baseFontSize;
        padding: @cardFontPadding;
    }
}
.index_box{
  background-color: #ffffff;
  width: 100%;
  border-radius:5px;
  height: 130px;
  text-align: center;
  margin-top:10px;
  position: relative;
  .Grouptitle{
   color: @baseGreenBlue; 
   padding-top:38px; 
  }
  .fontstyleGreen{
    color: @baseGreenColor;
    padding: 2px 0px;
    font-size: @baseFontSize
  }
  .fontstyleRed{
    color: @baseFontColor;
    padding: 2px 0px;
    font-size: @baseFontSize
  }
  img{
    position: absolute;
    top:-15%;
    left: 0;
    right: 0;
    margin: auto;
  }
  
}
.listCard{
    .listCardBg{
        background-color: #5890ff;
        color: #ffffff;
        padding: 8px;
        font-size: @baseFontSize;
    }
    p{
        display: inline;
        margin-left: 30px;
        font-size: @baseFontSize;
    }
    .listCardBox{
        background: #ffffff;

    }
    .listCardIcon{
        width: 25%;
        text-align: center;
        padding: 10px 0px;
        font-size: @baseFontSize;
        display: inline-block;
    }
}